<!DOCTYPE html>
<html lang="en">
<head>
    <title>Sign Up</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content=""/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!-- Custom Theme files -->
    <link href="/static/css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
    <link href="/static/css/style.css" type="text/css" rel="stylesheet" media="all">
    <link href="/static/css/font-awesome.css" rel="stylesheet"> <!-- font-awesome icons -->

    <!-- //Custom Theme files -->
    <!-- js -->
    <script src="/static/js/jquery-2.2.3.min.js"></script>
    <script src="/static/js/register.js"></script>
    <!-- //js -->
    <!-- web-fonts -->
    <link href="http://fonts.googleapis.com/css?family=Berkshire+Swash" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Yantramanav:100,300,400,500,700,900" rel="stylesheet">
    <!-- //web-fonts -->
    <style>
    #phone-yanzheng {
        width: 319px;
        float: left;
    }
    #send_phone_code {
        width: 100px;
        height: 45.15px;
        float: left;
        line-height: 17.15px;
        margin-top: 30.8px;
        margin-left: 10px;
        text-align: center;
        cursor: pointer;
        border: 1px solid #ccc;
        box-sizing: border-box;
        background-color: #08cae2;
    }
    .clearfix {
        clear: both;
    }
    </style>
</head>
<body>
<!-- banner -->
<div class="banner about-w3bnr">
    <!-- header -->
    <div class="header">
        <div class="w3ls-header"><!-- header-one -->
            <div class="container">
                <div class="w3ls-header-left">
                    <p>祝您用餐愉快 Yammy~</p>
                </div>
                <div class="w3ls-header-right">
                    <ul>
{#                        <li class="head-dpdn">#}
{#                            <i class="fa fa-phone" aria-hidden="true"></i> Call us: +01 222 33345#}
{#                        </li>#}
                        <li class="head-dpdn">
                            <a href="login.html"><i class="fa fa-sign-in" aria-hidden="true"></i> 登录</a>
                        </li>
                        <li class="head-dpdn">
                            <a href="register.html"><i class="fa fa-user-plus" aria-hidden="true"></i> 注册</a>
                        </li>
                        <li class="head-dpdn">
                            <a href="offers.html"><i class="fa fa-gift" aria-hidden="true"></i> 优惠</a>
                        </li>
                        <li class="head-dpdn">
                            <a href="help.html"><i class="fa fa-question-circle" aria-hidden="true"></i> 帮助</a>
                        </li>
                    </ul>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <!-- //header-one -->
        <!-- navigation -->
        <div class="navigation agiletop-nav">
            <div class="container">
                <nav class="navbar navbar-default">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header w3l_logo">
                        <button type="button" class="navbar-toggle collapsed navbar-toggle1" data-toggle="collapse"
                                data-target="#bs-megadropdown-tabs">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <h1><a href="index.html">NiceFood<span>Best Food Collection</span></a></h1>
                    </div>
                    <div class="collapse navbar-collapse" id="bs-megadropdown-tabs">
                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="index.html">首页</a></li>
                            <!-- Mega Menu -->
                            <li class="dropdown">
{#                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">菜单 <b#}
{#                                        class="caret"></b></a>#}
                                <ul class="dropdown-menu multi-column columns-3">
                                    <div class="row">
                                        <div class="col-sm-4">
{#                                            <ul class="multi-column-dropdown">#}
{#                                                <h6>Food type</h6>#}
{#                                                    {% for categroy in categories %}#}
{#													    <li><a href="/list?c_id={{ categroy.id }}">{{ categroy.name }}</a></li>#}
{#                                                    {% endfor %}#}
{#                                            </ul>#}
                                        </div>
                                        <div class="col-sm-4">
                                            <ul class="multi-column-dropdown">
                                                <h6>Cuisine</h6>
													<li><a href="#">中式菜谱</a></li>
                                            </ul>
                                        </div>
                                        <div class="col-sm-4">
                                            <ul class="multi-column-dropdown">
                                                <h6>Box type</h6>
													<li><a href="#">饮食</a></li>
                                            </ul>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>
                                </ul>
                            </li>
                            <li><a href="about.html">About</a></li>
                            <li class="w3pages"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                                   aria-haspopup="true" aria-expanded="false">Pages <span
                                    class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li><a href="icons.html">Web Icons</a></li>
                                    <li><a href="codes.html">Short Codes</a></li>
                                </ul>
                            </li>
                            <li><a href="contact.html">Contact Us</a></li>
                        </ul>
                    </div>
                    <div class="cart cart box_1">
                        <form action="#" method="post" class="last">
                            <input type="hidden" name="cmd" value="_cart"/>
                            <input type="hidden" name="display" value="1"/>
                            <button class="w3view-cart" type="submit" name="submit" value=""><i
                                    class="fa fa-cart-arrow-down" aria-hidden="true"></i></button>
                        </form>
                    </div>
                </nav>
            </div>
        </div>
        <!-- //navigation -->
    </div>
    <!-- //header-end -->
    <!-- banner-text -->
    <div class="banner-text">
        <div class="container">
            <h2>Delicious food from the <br> <span>Best Chefs For you.</span></h2>
        </div>
    </div>
</div>
<!-- //banner -->
<!-- breadcrumb -->
<div class="container">
    <ol class="breadcrumb w3l-crumbs">
        <li><a href="#"><i class="fa fa-home"></i> Home</a></li>
        <li class="active">Sign Up</li>
    </ol>
</div>
<!-- //breadcrumb -->
<!-- sign up-page -->
<div class="login-page about">
    <img class="login-w3img" src="images/img3.jpg" alt="">
    <div class="container">
        <h3 class="w3ls-title w3ls-title1">Sign Up to your account</h3>
        <div class="login-agileinfo">
            <form action="#" method="get">
                <input class="agile-ltext" type="text" name="Username" placeholder="Username" required="" id="username">
{#                <input class="agile-ltext" type="email" name="Your Email" placeholder="Your Email" required="" id="email">#}
                <input class="agile-ltext" type="email" name="Your Email" placeholder="Your Phone" required="" id="phone">
                <input class="agile-ltext" type="password" name="password" placeholder="Password" required=""
                       id="password">
                <input class="agile-ltext" type="password" name="Confirm Password" placeholder="Confirm Password"
                       required="" id="password2">

                <input class="agile-ltext" type="text" name="image_code" placeholder="图形验证码" required="" id="pic_code">
                <img src="" onclick="generateImageCode()" alt="图形验证码" class="pic_code"
                     id="yzm">
                     <!-- 手机验证码 -->
                <div class="clearfix">
                    <input class="agile-ltext" type="text" name="image_code" placeholder="手机短信验证码" required="" id="phone-yanzheng">
                <!-- 发送验证码按钮 -->
{#                <span id="send_phone_code">获取短信验证码</span>#}
                <input id="send_phone_code" type="button" value="获取验证码" onclick="sendSMSCode()">
                </div>
                <div class="wthreelogin-text">

                    <ul>
                        <li>
                            <label class="checkbox"><input type="checkbox" name="checkbox" id="allow"><i></i>
                                <span> I agree to the terms of service</span>
                            </label>
                        </li>
                    </ul>
                    <div class="clearfix"></div>
                </div>
                <input type="button" value="Sign Up" class="register">
            </form>
            <p>Already have an account? <a href="login.html"> Login Now!</a></p>
        </div>
    </div>
</div>
<!-- //sign up-page -->
<!-- subscribe -->
<div class="subscribe agileits-w3layouts">
    <div class="container">
        <div class="col-md-6 social-icons w3-agile-icons">
            <h4>Keep in touch</h4>
            <ul>
                <li><a href="#" class="fa fa-facebook icon facebook"> </a></li>
                <li><a href="#" class="fa fa-twitter icon twitter"> </a></li>
                <li><a href="#" class="fa fa-google-plus icon googleplus"> </a></li>
                <li><a href="#" class="fa fa-dribbble icon dribbble"> </a></li>
                <li><a href="#" class="fa fa-rss icon rss"> </a></li>
            </ul>
            <ul class="apps">
                <li><h4>Download Our app : </h4></li>
                <li><a href="#" class="fa fa-apple"></a></li>
                <li><a href="#" class="fa fa-windows"></a></li>
                <li><a href="#" class="fa fa-android"></a></li>
            </ul>
        </div>
        <div class="col-md-6 subscribe-right">
            <h3 class="w3ls-title">Subscribe to Our <br><span>Newsletter</span></h3>
            <form action="#" method="post">
                <input type="email" name="email" placeholder="Enter your Email..." required="">
                <input type="submit" value="Subscribe">
                <div class="clearfix"></div>
            </form>
            <img src="images/i1.png" class="sub-w3lsimg" alt=""/>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<!-- //subscribe -->
<!-- footer -->
<div class="footer agileits-w3layouts">
    <div class="container">
        <div class="w3_footer_grids">
            <div class="col-xs-6 col-sm-3 footer-grids w3-agileits">
                <h3>company</h3>
                <ul>
                    <li><a href="about.html">About Us</a></li>
                    <li><a href="contact.html">Contact Us</a></li>
                    <li><a href="careers.html">Careers</a></li>
                    <li><a href="help.html">Partner With Us</a></li>
                </ul>
            </div>
            <div class="col-xs-6 col-sm-3 footer-grids w3-agileits">
                <h3>help</h3>
                <ul>
                    <li><a href="faq.html">FAQ</a></li>
                    <li><a href="login.html">Returns</a></li>
                    <li><a href="login.html">Order Status</a></li>
                    <li><a href="offers.html">Offers</a></li>
                </ul>
            </div>
            <div class="col-xs-6 col-sm-3 footer-grids w3-agileits">
                <h3>policy info</h3>
                <ul>
                    <li><a href="terms.html">Terms & Conditions</a></li>
                    <li><a href="privacy.html">Privacy Policy</a></li>
                    <li><a href="login.html">Return Policy</a></li>
                </ul>
            </div>
            <div class="col-xs-6 col-sm-3 footer-grids w3-agileits">
                <h3>Menu</h3>
                <ul>
                    <li><a href="menu.html">All Day Menu</a></li>
                    <li><a href="menu.html">Lunch</a></li>
                    <li><a href="menu.html">Dinner</a></li>
                    <li><a href="menu.html">Flavours</a></li>
                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<div class="copyw3-agile">
    <div class="container">
        <p>Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://guantaow.taobao.com/">厚朴网络淘宝店</a><a
                target="_blank" href="http://www.moobnn.com">网页模板</a></p>
    </div>
</div>
<!-- //footer -->
<!-- cart-js -->
<script src="/static/js/minicart.js"></script>
<script>
    w3ls.render();

    w3ls.cart.on('w3sb_checkout', function (evt) {
        var items, len, i;

        if (this.subtotal() > 0) {
            items = this.items();

            for (i = 0, len = items.length; i < len; i++) {
            }
        }
    });
</script>
<!-- //cart-js -->
<!-- start-smooth-scrolling -->
<script src="/static/js/SmoothScroll.min.js"></script>
<script type="text/javascript" src="/static/js/move-top.js"></script>
<script type="text/javascript" src="/static/js/easing.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function ($) {
        $(".scroll").click(function (event) {
            event.preventDefault();

            $('html,body').animate({scrollTop: $(this.hash).offset().top}, 1000);
        });
    });
</script>
<!-- //end-smooth-scrolling -->
<!-- smooth-scrolling-of-move-up -->
<script type="text/javascript">
    $(document).ready(function () {
        /*
        var defaults = {
            containerID: 'toTop', // fading element id
            containerHoverID: 'toTopHover', // fading element hover id
            scrollSpeed: 1200,
            easingType: 'linear'
        };
        */

        $().UItoTop({easingType: 'easeOutQuart'});

    });
</script>
<!-- //smooth-scrolling-of-move-up -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="/static/js/bootstrap.js"></script>
</body>
</html>